<%@ include file="/common/taglibs.jsp"%>
<head>
    <title><fmt:message key="consultabonolist.title"/></title>
    <meta name="heading" content="<fmt:message key='consultabonolist.heading'/>"/>    
</head>

<form:form id="consultabonolist" commandName="consulbonosmanualesform" onsubmit="return onFormSubmit(this)" 
action="consultabonolist.html?search=list"
	name="consultabonolist">

<c:set var="buttons">        
    <input type="button" class="button"
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>


<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">

		<div>
	     	<fmt:message key="common.cliente.persona"/><br/>
			<form:input path="deClientePersona" id="deClientePersona" cssClass="text mediumlarge" maxlength="100"/>
	    </div><br/>
	    
	    <div>
	     	<fmt:message key="bonosmanualeslist.inifecvencimiento"/><br/>
			<form:input path="iniFechaVencimiento" id="iniFechaVencimientoId" cssClass="text medium" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="iniFechaVencimientoCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "iniFechaVencimientoId",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "iniFechaVencimientoCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
                  		  this.hide();
	                  }
	          });
	        </script>
	    </div><br/>
	    
	    <div>
	     	<fmt:message key="bonosmanualeslist.finfecvencimiento"/><br/>
			<form:input path="finFechaVencimiento" id="finFechaVencimientoId" cssClass="text medium" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="finFechaVencimientoCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "finFechaVencimientoId",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "finFechaVencimientoCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
                  		  this.hide();
	                  }
	          });
	        </script>
	    </div><br/>
	    
	    <div>
			<fmt:message key="bonosmanualeslist.tipogeneracion"/><br/>
	        <form:select path="strTipoGeneracion" id="strTipoGeneracion" cssClass="text medium" >
					<c:choose>
					<c:when test="${consulbonosmanualesform.strTipoGeneracion eq 'W'}">
				  	<option value="-1"><fmt:message key="label.itemdefault"/></option>
					<option value="W" selected="selected"><fmt:message key="common.regular"/></option>
					<option value="M"><fmt:message key="common.bonomanual"/></option>
					</c:when>
					<c:when test="${consulbonosmanualesform.strTipoGeneracion eq 'M'}">
					<option value="-1"><fmt:message key="label.itemdefault"/></option>
					<option value="W" ><fmt:message key="common.regular"/></option>
					<option value="M" selected="selected"><fmt:message key="common.bonomanual"/></option>	
					</c:when>
					<c:otherwise>
					<option value="-1" selected="selected"><fmt:message key="label.itemdefault"/></option>
					<option value="W" ><fmt:message key="common.regular"/></option>
					<option value="M" ><fmt:message key="common.bonomanual"/></option>						
					</c:otherwise>
				</c:choose>
	       	</form:select>
	    </div><br/>
	     
	    <div>
	        <fmt:message key="bonosmanualeslist.tipobono"/><br/>
	        <form:select path="coTipoBono" id="coTipoBono" cssClass="text medium">
	        	<form:options itemValue="id" itemLabel="deTipoBono" items="${consulTipoBono}"/>
	       	</form:select>
    	</div><br/>
	     
	    <div>
			<fmt:message key="bonosmanualeslist.usado"/><br/>
	        <form:select path="strUsado" cssClass="text medium" id="strUsado" >
	       	<c:choose>
					<c:when test="${consulbonosmanualesform.strUsado eq 'Y'}">
						<option value="-1"><fmt:message key="label.itemdefault"/></option>
						<option selected="selected" value="Y"><fmt:message key="common.yes"/></option>
						<option value="N"><fmt:message key="common.no"/></option>
					</c:when>
					<c:when test="${consulbonosmanualesform.strUsado eq 'N'}">
						<option value="-1"><fmt:message key="label.itemdefault"/></option>
						<option value="Y"><fmt:message key="common.yes"/></option>
						<option selected="selected" value="N"><fmt:message key="common.no"/></option>
					</c:when>
					<c:otherwise>
						<option selected="selected" value="-1"><fmt:message key="label.itemdefault"/></option>
						<option value="Y"><fmt:message key="common.yes"/></option>
						<option value="N"><fmt:message key="common.no"/></option>
					</c:otherwise>
				</c:choose>
	       	</form:select>
	       	
	       	
	       	
	    </div><br/> 
	    
		<div>
			<fmt:message key="label.habilitado"/><br/>
	        <form:select path="strBonoClientePersona" cssClass="text medium" id="strBonoClientePersona" >	
				<c:choose>
					<c:when test="${consulbonosmanualesform.strBonoClientePersona eq 'Y'}">
						<option value="-1"><fmt:message key="label.itemdefault"/></option>
						<option selected="selected" value="Y"><fmt:message key="common.yes"/></option>
						<option value="N"><fmt:message key="common.no"/></option>
					</c:when>
					<c:when test="${consulbonosmanualesform.strBonoClientePersona eq 'N'}">
						<option value="-1"><fmt:message key="label.itemdefault"/></option>
						<option value="Y"><fmt:message key="common.yes"/></option>
						<option selected="selected" value="N"><fmt:message key="common.no"/></option>
					</c:when>
					<c:otherwise>
						<option selected="selected" value="-1"><fmt:message key="label.itemdefault"/></option>
						<option value="Y"><fmt:message key="common.yes"/></option>
						<option value="N"><fmt:message key="common.no"/></option>
					</c:otherwise>
				</c:choose>
	       	</form:select>
	    </div><br/><br/>
	     
	    <div> 					
			<input type="submit" class="button" value="<fmt:message key="button.search"/>"/>			
	 	</div>
	</div>	
	</li>
</ul>
<c:out value="${buttons}" escapeXml="false" /><br/>



<c:choose>
<c:when test="${not empty listabonoconsul}">
<display:table name="listabonoconsul" cellspacing="0" cellpadding="0" requestURI="" 
    defaultsort="1" id="bnmanual" pagesize="30" class="table" export="false" style="width: 1000px" >
    
		    <display:column property="deClientePersona" titleKey="common.cliente.persona" escapeXml="true" sortable="true"
		     	url="/consultabonomanual/consulbonosmanualesform.html?from=list" paramId="id" paramProperty="id"/>       		     
		    <display:column property="fechaVencimiento" titleKey="consultabonolist.fecvencimiento" escapeXml="true" sortable="true"/>
		    <display:column property="fechaGeneracion" titleKey="consultabonolist.fecgeneracion" escapeXml="true" sortable="true"/>
		    <display:column property="fechaConsumo" titleKey="consultabonolist.fecconsumo" escapeXml="true" sortable="true"/>
		    
		    <display:column titleKey="consultabonolist.tipogeneracion" escapeXml="true" sortable="true" >
		    	<c:choose>
               		<c:when test="${bnmanual.strTipoGeneracion eq 'W'}">
               			<fmt:message key='common.regular'/>
               		</c:when>
               		<c:otherwise>
               			<fmt:message key='common.bonomanual'/>
               		</c:otherwise>
               	</c:choose>
		    </display:column>
		    
		    <display:column property="deTipoBono" titleKey="consultabonolist.tipobono" escapeXml="true" sortable="true" />		    	
		    <display:column titleKey="label.habilitado" escapeXml="true" sortable="true" >
		    	<c:choose>
               		<c:when test="${bnmanual.strBonoClientePersona eq 'Y'}">
               			<fmt:message key='common.yes'/>
               		</c:when>
               		<c:otherwise>
               			<fmt:message key='common.no'/>
               		</c:otherwise>
               	</c:choose>
		    </display:column>
		         
    <display:setProperty name="paging.banner.item_name" value="registro"/>
    <display:setProperty name="paging.banner.items_name" value="registros"/>


    
</display:table>
</c:when>
<c:otherwise>
	
	<br/>
	<table id="bnmanual" cellpadding="0" class="table" cellspacing="0" style="width: 1000px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="common.cliente.persona"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.fecvencimiento"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.fecgeneracion"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.fecconsumo"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.tipogeneracion"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.tipobono"/></th>
            <th scope="col"><fmt:message key="label.habilitado"/></th>
		</tr>
	</thead>
	</table>

</c:otherwise>
</c:choose>


<br/><c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">

function onFormSubmit(theForm) {

	var inicioVencimiento = dwr.util.getValue("iniFechaVencimientoId");
  	var finVencimiento = dwr.util.getValue("finFechaVencimientoId");
	
	return comparingDates(inicioVencimiento , finVencimiento,
	'<fmt:message key="consultabonolist.inifecvencimiento"/>', '<fmt:message key="consultabonolist.finfecvencimiento"/>');
}
</script>